import { View, Image, Text } from '@tarojs/components'

import './index.scss'

const coreData = [
  {
      uri: require('../../../../assets/homeImg/coreImg/core1.png'),
      title: '火爆热款'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core2.png'),
      title: '商品分类'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core3.png'),
      title: '充值中心'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core4.png'),
      title: '活动专区'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core5.png'),
      title: '积分商城'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core6.png'),
      title: '精选热卖'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core7.png'),
      title: '酒店订购'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core8.png'),
      title: '好物众测'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core9.png'),
      title: '精品手机'
  },
  {
      uri: require('../../../../assets/homeImg/coreImg/core10.png'),
      title: '数码电器'
  }
]

function Index () {
  return (
    <View className="core-container">
      {coreData.map(item => (
        <View className="core-type">
          <Image className="core-image" src={item.uri}/>
          <Text className="core-typename">{item.title}</Text>
        </View>
      ))}
    </View>
  )
}

export default Index
